import axios from 'axios'
import {useRouter} from 'vue-router'
import { ElMessage } from 'element-plus'

const router = useRouter()

axios.defaults.baseURL = 'http://localhost:3000'

axios.interceptors.response.use(res => res.data, err => {
  console.log(err)
  if (err) {
    localStorage.removeItem('token')
    ElMessage.error('权限认证失败，请重新登录')
    setTimeout(() => {
      router.push('/login')
    }, 1000)
  }
})


// ↓ 此部分可视情况，注释
// 请求拦截器 - 添加请求头
axios.interceptors.request.use((config) => {
  // config: 请求对象
  // 每发送一个请求，都会给请求头添加一个 token
  config.headers.Authorization = localStorage.token
  return config
})
    // ↑


// axios.interceptors.request.use()

export default axios